<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>开饭喽~</title>
  </head>
  <body>
    <div id="app" class="container">
      <section class="hero is-primary">
        <div class="hero-body" style="padding:10px">
          <div class="columns">
            <div class="column">
              KK私人订制菜单 v1.6.2
            </div>
          </div>
          <div class="columns">
            <div class="column">
              <form @submit.prevent="changeResturant">
                <div class="control is-grouped">
                  <div class="control has-icon is-expanded">
                    <input type="text" class="input" v-model="resturant" name="resturant">
                    <!--<button>点我点我</button>-->
                  </div>
                  <div class="control">
                    <template>
                    <button @click="stopChange" v-if="flag" class="button is-white is-outlined">结束</button>
                    <button @click="startChange" v-else class="button is-white is-outlined">点我</button>  
                    </template>
                    
                    <!-- <input type="submit" v-if="!flag" @click="startChange" value="{{flag?'点我':'停止'}}" name="subscribe" id="mc-embedded-subscribe" class="button"> -->
                  </div>
                </div>

              </form>
            </div>
          </div>

        </div>

      </section>
      <!--<section>-->
        <!--<mt-tab-container v-model="active">-->
          <!--<mt-tab-container-item id="tab-container1">-->
            <!--<mt-cell v-for="n in 10" title="tab-container 1"></mt-cell>-->
          <!--</mt-tab-container-item>-->
          <!--<mt-tab-container-item id="tab-container2">-->
            <!--<mt-cell v-for="n in 5" title="tab-container 2"></mt-cell>-->
          <!--</mt-tab-container-item>-->
          <!--<mt-tab-container-item id="tab-container3">-->
            <!--<mt-cell v-for="n in 7" title="tab-container 3"></mt-cell>-->
          <!--</mt-tab-container-item>-->
        <!--</mt-tab-container>-->
        <!-- -->
        <!--<mt-tabbar v-model="selected">-->
          <!--<mt-tab-item id="外卖">-->
            <!--<img slot="icon" src="../assets/100x100.png">-->
            <!--外卖-->
          <!--</mt-tab-item>-->
          <!--<mt-tab-item id="订单">-->
            <!--<img slot="icon" src="../assets/100x100.png">-->
            <!--订单-->
          <!--</mt-tab-item>-->
          <!--<mt-tab-item id="发现">-->
            <!--<img slot="icon" src="../assets/100x100.png">-->
            <!--发现-->
          <!--</mt-tab-item>-->
          <!--<mt-tab-item id="我的">-->
            <!--<img slot="icon" src="../assets/100x100.png">-->
            <!--我的-->
          <!--</mt-tab-item>-->
        <!--</mt-tabbar>-->
      <!--</section>-->
    </div>
    <script src="/dist/build.js"></script>
  </body>
</html>
